<div class="page-products stock-product">
	
    <div class="product-header clearfix">
		<i class="icon icon-back" ng-click="back()"></i>
        出库单
        <i class="stock-icon icon-add" ng-click="jump('usercenter/manager/addout')"></i>
	</div>

	<div class="order-header manager-tab clearfix">
		<a href="javascript:void(0);" ng-click="switchTab(1)" class="order-tab-title" ng-class="{'selected':selection.tab == 1}">待完成</a>
		<a href="javascript:void(0);" ng-click="switchTab(2)" class="order-tab-title" ng-class="{'selected':selection.tab == 2}">已作废</a>
		<a href="javascript:void(0);" ng-click="switchTab(3)" class="order-tab-title" ng-class="{'selected':selection.tab == 3}">全部</a>
		<a href="javascript:void(0);" ng-click="switchTab('search')" class="order-tab-title" ng-class="{'selected':selection.tab == 'search'}">筛选</a>
	</div>
   
	<!--待完成--> 
    <div class="orderlist-wrap" style="padding-top:50px;" ng-if="selection.tab == 1">	
		
        <div class="monitor-win">
			<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="receive-btn" href="javascript:void(0);" ng-click="">完成</a>
					<a style="margin:2px 2px;" class="destory-btn" href="javascript:void(0);"  ng-click="">作废</a>
           		</span>
			</p>
            <table class="tab_table" style="clear:both;" ng-click="jump('usercenter/manager/outdetail')">
				<tr>
					<td class="t_title">出库单号：</td>
					<td colspan="3">781</td>
				</tr>
				<tr>
					<td class="t_title">相关单据：</td>
					<td colspan="3">订单(300)</td>
				</tr>
				<tr>
					<td class="t_title" style="vertical-align:top;">出库仓库：</td>
					<td colspan="3">无锡总仓</td>
				</tr>
                <tr>
					<td class="t_title" style="vertical-align:top;">目标仓库：</td>
					<td colspan="3">南通分仓</td>
				</tr>	
                <tr>
                	<td class="t_title">用户：</td>
					<td colspan="3">gongfei</td>
                </tr>	
				<tr>
					<td class="t_title">总价：</td>
					<td>￥972.00 元</td>
					<td class="t_title">出库状态：</td>
					<td>初始</td>
				</tr>
                <tr>
					<td class="t_title">审核天数：</td>
					<td>0</td>
					<td class="t_title">配货天数：</td>
					<td>0</td>
				</tr>
                <tr>
					<td class="t_title">干线天数：</td>
					<td>0</td>
					<td class="t_title">派送天数：</td>
					<td>0</td>
				</tr>
				<tr>
					<td class="t_title">出库时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">派送时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">签收时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">创建时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">订单创建：</td>
					<td colspan="3">2017-09-22 11:54:25</td>
				</tr>    
			</table>
    	</div>
    
    </div>
    <!--待完成-->
    
    <!--已作废-->
    <div class="orderlist-wrap" style="padding-top:50px;" ng-if="selection.tab == 2">	 
    	
        <div class="monitor-win">
			<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="receive-btn" href="javascript:void(0);" ng-click="">解除作废</a>
           		</span>
			</p>
            <table class="tab_table" style="clear:both;" ng-click="jump('usercenter/manager/outdetail')">
				<tr>
					<td class="t_title">出库单号：</td>
					<td colspan="3">782</td>
				</tr>
				<tr>
					<td class="t_title">相关单据：</td>
					<td colspan="3">借货单(300)</td>
				</tr>
				<tr>
					<td class="t_title" style="vertical-align:top;">出库仓库：</td>
					<td colspan="3">无锡总仓</td>
				</tr>
                <tr>
					<td class="t_title" style="vertical-align:top;">目标仓库：</td>
					<td colspan="3">南通分仓</td>
				</tr>	
                <tr>
                	<td class="t_title">用户：</td>
					<td colspan="3">gongfei</td>
                </tr>	
				<tr>
					<td class="t_title">总价：</td>
					<td>￥972.00 元</td>
					<td class="t_title">出库状态：</td>
					<td>作废</td>
				</tr>
                <tr>
					<td class="t_title">审核天数：</td>
					<td>0</td>
					<td class="t_title">配货天数：</td>
					<td>0</td>
				</tr>
                <tr>
					<td class="t_title">干线天数：</td>
					<td>0</td>
					<td class="t_title">派送天数：</td>
					<td>0</td>
				</tr>
				<tr>
					<td class="t_title">出库时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">派送时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">签收时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">创建时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">订单创建：</td>
					<td colspan="3">2017-09-22 11:54:25</td>
				</tr>    
			</table>
    	</div>
    
    </div>
    <!--已作废-->
    
    <!--全部--> 
    <div class="orderlist-wrap" style="padding-top:50px;" ng-if="selection.tab == 3">	
    
    	<div class="monitor-win">
			<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="receive-btn" href="javascript:void(0);" ng-click="">完成</a>
					<a style="margin:2px 2px;" class="destory-btn" href="javascript:void(0);"  ng-click="">作废</a>
           		</span>
			</p>
            <table class="tab_table" style="clear:both;" ng-click="jump('usercenter/manager/outdetail')">
				<tr>
					<td class="t_title">出库单号：</td>
					<td colspan="3">781</td>
				</tr>
				<tr>
					<td class="t_title">相关单据：</td>
					<td colspan="3">订单(300)</td>
				</tr>
				<tr>
					<td class="t_title" style="vertical-align:top;">出库仓库：</td>
					<td colspan="3">无锡总仓</td>
				</tr>
                <tr>
					<td class="t_title" style="vertical-align:top;">目标仓库：</td>
					<td colspan="3">南通分仓</td>
				</tr>	
                <tr>
                	<td class="t_title">用户：</td>
					<td colspan="3">gongfei</td>
                </tr>	
				<tr>
					<td class="t_title">总价：</td>
					<td>￥972.00 元</td>
					<td class="t_title">出库状态：</td>
					<td>初始</td>
				</tr>
                <tr>
					<td class="t_title">审核天数：</td>
					<td>0</td>
					<td class="t_title">配货天数：</td>
					<td>0</td>
				</tr>
                <tr>
					<td class="t_title">干线天数：</td>
					<td>0</td>
					<td class="t_title">派送天数：</td>
					<td>0</td>
				</tr>
				<tr>
					<td class="t_title">出库时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">派送时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">签收时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">创建时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">订单创建：</td>
					<td colspan="3">2017-09-22 11:54:25</td>
				</tr>    
			</table>
    	</div>
        
        <div class="monitor-win">
			<p>
				<span style="position:absolute;right:6%;">
					<a style="margin:2px 2px;" class="receive-btn" href="javascript:void(0);" ng-click="">解除作废</a>
           		</span>
			</p>
            <table class="tab_table" style="clear:both;" ng-click="jump('usercenter/manager/outdetail')">
				<tr>
					<td class="t_title">出库单号：</td>
					<td colspan="3">782</td>
				</tr>
				<tr>
					<td class="t_title">相关单据：</td>
					<td colspan="3">借货单(300)</td>
				</tr>
				<tr>
					<td class="t_title" style="vertical-align:top;">出库仓库：</td>
					<td colspan="3">无锡总仓</td>
				</tr>
                <tr>
					<td class="t_title" style="vertical-align:top;">目标仓库：</td>
					<td colspan="3">南通分仓</td>
				</tr>	
                <tr>
                	<td class="t_title">用户：</td>
					<td colspan="3">gongfei</td>
                </tr>	
				<tr>
					<td class="t_title">总价：</td>
					<td>￥972.00 元</td>
					<td class="t_title">出库状态：</td>
					<td>作废</td>
				</tr>
                <tr>
					<td class="t_title">审核天数：</td>
					<td>0</td>
					<td class="t_title">配货天数：</td>
					<td>0</td>
				</tr>
                <tr>
					<td class="t_title">干线天数：</td>
					<td>0</td>
					<td class="t_title">派送天数：</td>
					<td>0</td>
				</tr>
				<tr>
					<td class="t_title">出库时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">派送时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">签收时间：</td>
					<td>2017-09-22 11:54:25</td>
                    <td class="t_title">创建时间：</td>
					<td>2017-09-22 11:46:10</td>
				</tr>
                <tr>
					<td class="t_title">订单创建：</td>
					<td colspan="3">2017-09-22 11:54:25</td>
				</tr>    
			</table>
    	</div>
        
    </div>
    <!--全部-->
    
    
    <!--筛选-->
	<div class="filter-panel" ng-class="{'show':showSearchFlag}">
		<div class="top-bar clearfix">
			<span class="text">筛选</span>
			<a class="btn-filter search-stock-btn" href="javascript:void(0);" ng-click="">确定</a>
		</div>
        <div style="padding:20px;">  
            <table class="tab_table search_table" style="clear:both;">
            	<tr>
                    <td class="t_title_long">商品名称：</td>
                    <td>
                        <input type="text" value="" />
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">相关单据类型：</td>
                    <td>
                        <select>
                        	<option>订单</option>
                            <option>采购单</option>
                            <option>退货单</option>
                            <option>其他</option>
                            <option>全部</option>
                    	</select>
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">仓库名：</td>
                    <td>
                        <select>
                        	<option>永康总仓</option>
                            <option>无锡总仓</option>
                    	</select>
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">操作人：</td>
                    <td>
                        <input type="text" value="" />
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">开始时间：</td>
                    <td>
                        <input class="date" type="date" value="" />
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">结束时间：</td>
                    <td>
                        <input class="date" type="date" value="" />
                    </td>
                </tr>
                <tr>
                    <td class="t_title_long">状态：</td>
                    <td>
                        <select>
                        	<option>作废</option>
                            <option>初始</option>
                            <option>完成</option>
                            <option>全部</option>
                    	</select>
                    </td>
                </tr>
            </table>
    	</div>        
	</div>
    <div class="cover" ng-if="showSearchFlag" ng-click="closeSearch()"></div>
    <!--筛选-->
	
</div>